
/*登录*/
.setupHtml,.setupBody{ height:100%;}
/* .setupBody{ background:url("../images/login_bg.jpg") no-repeat center center;} */
.setupBody form.layui-form{ padding:0 20px; width:300px; height:335px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 50px #009688;}
.login_face{ margin:-55px auto 20px; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid #fff; overflow:hidden;box-shadow:0 0 30px #009688;}
.login_face img{ width:100%;}
.setupBody .layui-form-item{ position:relative;}
.setupBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;}
.setupBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
.setupBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
.setupBody .layui-input::-webkit-input-placeholder{color:#fff;}
.setupBody .layui-input::-moz-placeholder{color:#fff;}
.setupBody .layui-input:-ms-input-placeholder{color:#fff;}
.setupBody .layui-input::placeholder{color:#fff;}
.setupBody .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;}
.setupBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.setupBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.setupBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.setupBody .layui-input-focus .layui-input::placeholder{color:#757575;}
.imgCode{ position:relative;}
#imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;}

/*响应式*/
@media screen and (max-width:450px) {
    #userFaceBtn{ height: 30px;line-height: 30px; padding: 0 10px; font-size: 12px;}
    .user_right img#userFace{ width:100px; height:100px; margin-top:0;}
    .layui-col-xs12 .layui-form-label{ width:60px; padding-left:0;}
    .layui-col-xs12 .layui-input-block,.layui-col-xs12 .layui-input-inline{ margin-left:75px;}
    .layui-col-xs12 .layui-input-inline{ left:0 !important; width:auto !important;}
    .noFind{ padding-top:0;}
    *[pc]{ display:none;}
}

/*验证码图片*/
.verifyCode{
    height: 36px;
    width: 116px;
}

/*角标*/
/************以下为具体实现************/

.subscript {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 130px;
    height: 130px;
    overflow: hidden;
}

/* 使用背景色渐变 */
.subscript .gradual {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #31b968 50%, transparent 50%);
}

/* 使用三角形 */
.subscript .triangle {
    width: 0;
    height: 0;
    border-top: 80px solid #31b968;
    border-right: 80px solid transparent;
}

/* 使用矩形旋转, 和父节点的 overflow:hidden 配合 */
.subscript .rect {
    width: 183px;
    height: 183px;
    margin: -91px 0 0 -91px;
    background: #31b968;
    transform: rotateZ(45deg);
}

.subscript .desc {
    position: absolute;
    top: 8%;
    left: 8%;
    z-index: 1;
    text-align: center;
    line-height: 40px;
    font-family: "黑体";
    color: #fff;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.subscript .desc:hover{
    color: orange;
    cursor: pointer;
}